.px2rem(@name,@px){
    @{name}:@px/75*1rem
}
.flex{
    display: flex;
}

.head{
    width: 100%;
    position: fixed;
    background-color: #FFFFFF !important;
    z-index: 10000;
    .flex();
    .px2rem(height,92);
    .list{
        width: 100%;
        .flex();
        justify-content: space-between;
        align-items: center;
         .px2rem(font-size,31);
         border-bottom: 3px solid #e1ddde;
         .li_one{
            .px2rem(margin-left,27); 
         }
         .li_two{
              .px2rem(margin-right,27); 
              .img{
                  .px2rem(height,40); 
                  .px2rem(width,40); 
              }
         }
    }
}
.nav{
   .px2rem(padding-top,92);  
}
.swiper-container{
    width: 100%;
    .px2rem(height,90); 
   
    .box{
        width: 100%;
    .px2rem(height,90); 
    .flex();
    align-items: center;
    .px2rem(font-size,27);
    overflow: hidden;
   
    span{
         .px2rem(padding-top,30); 
        .px2rem(height,60); 
        text-align: center;
        display: block;
         .px2rem(margin-left,50); 
         width: 20%;
         &:hover{
             border-bottom: 4px solid #ff5354;
             color: #ff4d4f;
         }
    }
    }
    
}
#big{
    .px2rem(margin-top,2); 
     .px2rem(height,361); 
    .swiper-wrapper{
        height: 100%;
        .swiper-slide{
            height: 100%;
            
    
    img{
        height: 100%;
        width:100%;
    }
        }
    }
   
}

.main{
     .px2rem(height,116); 
     .flex();
     align-items: center;
  .img_woman{
      .px2rem(margin-left,30);  
      display: block;
          .px2rem(height,63); 
          .px2rem(width,63);   
       }  
       .span_3d{
           color: #747374;
           display: block;
           .px2rem(margin-left,15);  
       }
}


.dl{
    .flex();
   
    
   dd{
       .flex();
       flex-direction: column;
       .h3{
           flex: 1;
           .px2rem(margin-left,30); 
           font-weight: 900;
           .px2rem(font-size,32);  
       }
       .foot_one{
           flex: 1;
           .px2rem(margin-top,30); 
           .px2rem(margin-left,30); 
            .px2rem(font-size,32);  
            color: #565856;
       }
   }
   dt{
       
       .img_photo{
           .px2rem(height,200); 
          .px2rem(width,200);  
            .px2rem(margin-right,30);  
            .px2rem(margin-left,30);  
       }
   }
}
.bottom{
     .px2rem(margin-top,50);  
     .spanbi{
         .px2rem(margin-left,8);   
     }
     .th{
        .px2rem(margin-left,30);    
     }
}
#section{
    .px2rem(padding-bottom,110); 
}
.footer_bottom{
    width: 100%;
    .px2rem(height,97); 
    z-index: 1000;
    background-color: #f6f8f7;
    position: fixed;
    bottom: 0;
    .flex();
    width: 100%;
    dl{
        width: 25%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .get{
         .px2rem(height,42); 
          .px2rem(width,42); 
    }
}
.div_box{
    border-bottom: 20px solid #f7f7f7;
}
.em{
    position: fixed ;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: black;
    z-index: 2000000000;
    display: none;
    
}
#big2{
    position: fixed;
    top: 50%;
     .px2rem(height,420); 
     .px2rem(margin-top,-220); 
    z-index:20000000000 !important;
    img{
        width: 100%;
    }
    display:none
    
}
